<template>
  <div id="back-home" >
    <router-link :to="{name:'home'}">
        <div class="back-home-btn">
          <i class="iconfont footer-btn icon-shouyetianchong"></i>
        </div>
    </router-link>
  </div>
</template>

<script>
    export default {
        props:['type'],
        mounted: function() {
        },
        methods: {
        }
    }
</script>

<style  lang="less" scoped>
    #back-home{
        position: fixed;
        bottom:2rem;
        right:.5rem;
        z-index:1000;
    }
  .back-home-btn{
      height: 1.4rem;
      width: 1.4rem;
      border-radius: 50%;
      background: #FFFFFF;
      box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16);
      line-height:1.4rem;
      text-align:center;
      .icon-shouyetianchong {
          font-size: .73rem;
      }
  }
</style>
